<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../jquery-1.8.3.js"></script>
		<script type="text/javascript">
		
			window.onload = function(){
				
				var btnObj = document.getElementById("myButton");
				
				btnObj.onclick = function(){
					
					// 获取所有的name为myCheck的所有input
					var cbArrsObj = document.getElementsByName("myCheck");
					
					var count = 0;
					
					cbArrsObj.forEach(function(item,index,array){
						
						// item 就是一个checkbox
						if(item.checked){
							count++;
						}
					});
					alert("JS方式二 复选框的个数是: " + count);
				}
			}
			
			// 获取页面上符合条件的元素标签虽然是一个数组,但是底层肯定已经改造了，不支持forEach方法,只能使用通过索引方式
			
		</script>
	</head>
	<body>
			<input type="checkbox" name="myCheck"/>
			<input type="checkbox" name="myCheck" checked="checked"/>
			<input type="checkbox" name="myCheck" />
			<input type="checkbox" name="myCheck" />
			<input type="checkbox" name="myCheck" />
			<input type="checkbox" name="myCheck"/>
			
			<input type="button" id="myButton"  value="统计" />
	</body>
</html>
